<html>
<head>
    <meta name="viewport" content="width=device-width; height=device-height;">
    <title>请扫码支付</title>
    <style type="text/css">
        /* -*- Mode: C++; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
        /* This Source Code Form is subject to the terms of the Mozilla Public
         * License, v. 2.0. If a copy of the MPL was not distributed with this
         * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

        /*
         * This CSS stylesheet defines the rules to be applied to any ImageDocuments,
         * including those in frames.
        */

        @media not print {
            .overflowingVertical, .overflowingHorizontalOnly {
                cursor: zoom-out;
            }

            .shrinkToFit {
                cursor: zoom-in;
            }
        }

        @media print {
            /* We must declare the image as a block element. If we stay as
            an inline element, our parent LineBox will be inline too and
            ignore the available height during reflow.
            This is bad during printing, it means tall image frames won't know
            the size of the paper and cannot break into continuations along
            multiple pages. */
            img {
                display: block;
            }
        }

        /* -*- Mode: C++; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
        /* This Source Code Form is subject to the terms of the Mozilla Public
         * License, v. 2.0. If a copy of the MPL was not distributed with this
         * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

        /*
          This CSS stylesheet defines the rules to be applied to ImageDocuments that
          are top level (e.g. not iframes).
        */

        @media not print {
            body {
                margin: 0;
            }

            img,a {
                text-align: center;
                position: absolute;
                margin: auto;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
            }

            img.overflowingVertical {
                /* If we're overflowing vertically, we need to set margin-top to
                   0.  Otherwise we'll end up trying to vertically center, and end
                   up cutting off the top part of the image. */
                margin-top: 0;
            }

            .completeRotation {
                transition: transform 0.3s ease 0s;
            }
        }

        img {
            image-orientation: from-image;
        }

        /* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 * You can obtain one at http://mozilla.org/MPL/2.0/. */

        @media not print {
            /* N.B.: Remember to update ImageDocument.css in the tree or reftests may fail! */

            body {
                color: #eee;
                background-image: url("__PUBLIC__/images/imagedoc-darknoise.png");
            }

            img.transparent {
                background: hsl(0,0%,90%) url("__PUBLIC__/images/imagedoc-lightnoise.png");
                color: #222;
            }
        }
    </style>
</head>
<body onload="alert('支付成功后请点击页面跳转！')">
<img src="{$qrcode_url}" alt="{$qrcode_url}">
<br/>
<a href="{$jump_url}"></a>
</body>
</html>